<template>
  <div class="tree_Views">
     <div class="tree_box">
       <el-tree empty-text="暂无数据"
                class="orgtree"
                :data="organizationList"
                :highlight-current=true
                :expand-on-click-node=false
                :default-expand-all=true
                >
       </el-tree>
     </div>
  </div>
</template>
<script>
  export default {
    data () {
      return {
        organizationList: [{
          id: 1,
          label: '一级 1',
          children: [{
            id: 4,
            label: '二级 1-1',
            children: [{
              id: 9,
              label: '三级 1-1-1'
            }, {
              id: 10,
              label: '三级 1-1-2'
            }]
          }]
        }, {
          id: 2,
          label: '一级 2',
          children: [{
            id: 5,
            label: '二级 2-1'
          }, {
            id: 6,
            label: '二级 2-2'
          }]
        }, {
          id: 3,
          label: '一级 3',
          children: [{
            id: 7,
            label: '二级 3-1'
          }, {
            id: 8,
            label: '二级 3-2'
          }]
        }]
      }
    },
    methods: {},
    components: {},
    watch: {},
    mouted: {}
  }
</script>
<style lang="scss" scoped>
.orgtree{
 border:none;
}
  .tree_box{
    background:#fff;
    height:100%;
  }
  .tree_Views{
    height:100%;
    border-left:1px solid #d1dbe5;
    border-right: 1px solid #d1dbe5;
  }
</style>
